<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		
		a{
			text-decoration: none;
		}
		

		/*:link正常，未访问过的链接*/
		a:link{
			color: black;
		}
		/*：visited用户已访问过的链接*/
		a:visited{
			color: green;
		}
		/*:hover当用户鼠标放在鼠标上时*/
		a:hover{
			color: #4e6ef2;
		}
		/*:active链接被点击的那一刻*/
		a:active{
			color: purple;
		}
		/*初始状态*/
		.hover_demo{
			width: 200px;
			height: 200px;
			background-color: red;
			transition: all 1s;
			cursor: url('https://www.baidu.com/favicon.ico'),auto;
		}
		/*鼠标悬停状态*/
		.hover_demo:hover{
			border-radius: 50%;
			font-size: 30px;
			background-color: green;
		}
	</style>
</head>
<body>
	<img src="">
	<a href="#www">新浪</a>
	<div class="hover_demo">:hover案例</div>
</body>
</html>